<!-- TMPL_VAR NAME=doctype_head -->

  <title>Products - <!-- TMPL_VAR NAME=company_name --></title>

<link rel='stylesheet' type='text/css' charset='utf-8' href="<!-- TMPL_VAR NAME=site_base_url -->stylesheets/mobile.css" media='all' />

<!-- TMPL_VAR NAME=internal_style -->

</head>
<body><!-- Page xhtml based on mobiforge templates. see http://mobiforge.com/starting/story/site-templates for orginals -->
<div id='body'>
    <div class="header">
      <img alt="<!-- TMPL_VAR NAME=company_name -->" src="<!-- TMPL_VAR NAME=site_base_url -->images/logo176.gif" width="112" height="50" title="<!-- TMPL_VAR NAME=company_alt -->" /><br />
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=home">Home</a> | Products: 2
    </div>
    <!-- TMPL_VAR NAME=insert_ad_here -->
    <div id='status'><span class='alert'><!-- TMPL_VAR NAME=user_status --></span></div>
    <div>
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=products1">« Previous</a>
    </div>

    <div class="product">
      <h3>Product Four</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image1-t.jpg" width="50" height="44" alt="Image for Product 1" />
      <p>
        Assuming your company produces a range of products or services you want
        to promote, you'll want to include a section like this. The format is 
        the same as for the news section of the web site, so users will only
        need to become familiar with the one style of organisation. This will
        be an abstract of the product description, leading to a full product
        description on the linked-to page.
	<a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=product4">more »</a>
      </p>
    </div>

    <hr />

    <div class="product">
      <h3>Product Five</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image2-t.jpg" width="50" height="69" alt="Image for Product 2" />
      <p>
        The second product is presented in the same way. On devices supporting 
        it, the image will be floated left and the text will flow around it. The 
        abstract ends up with a link to the full article. 
        <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=product5">more »</a>
      </p>
    </div>

    <hr />

    <div class="product">
      <h3>Product Six</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image3-t.jpg" width="50" height="75" alt="Image for Product 3" />
      <p>
        The third product on the page is presented in the same way. On devices 
        supporting it, the image will be floated left and the text will flow 
        around it. The abstract ends up with a link to the full article. 
        <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=product6">more »</a>
      </p>
    </div>

    <hr />

    <div>
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=products1">« Previous</a>
    </div>    

<div class="footer">
    <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=home">Home</a> | Products: 2<br />
    © <!-- TMPL_VAR NAME=company_name --> All rights reserved.<br />
    <span class='powered_by'>Powered by <a href="http://opensitemobile.com">MobileSiteOS</a>™</span>
</div>

</div>
</body>
</html>